<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Simple Usage</title>

    <link rel="stylesheet" type="text/css" href="simpleUse.css"/>

    <script type="text/javascript" src="paracol.js"></script>
    <script type="text/javascript" src="basicMessageFilters.js"></script>
    <script type="text/javascript" src="simpleParacol.js"></script>

    <script type="text/javascript">
        var pc = SimpleParacol("../servlets/cookie", {
            updateHeader: function(msg) {
                this._next_.updateHeader(msg);
            }
        });

        pc.registerPage("scaladuct.www.TwoReferencesStarterInJava.phaseOne", "page0",
                ["parameter0", "parameter1", "parameter2", "parameter3"]);
        pc.registerPage("ref2.scaladuct.www.wwwstarters.TwoPhaseStarter.phaseOne", "page1", ["parameter0"]);
        pc.registerPage("ref2.scaladuct.www.wwwstarters.TwoPhaseStarter.phaseTwo", "page2", ["parameter0"]);
        pc.registerPage("ref1.scaladuct.www.wwwstarters.OnePhaseStarter.phaseOne", "page3", ["parameter0"]);
        pc.registerPage("scaladuct.www.TwoReferencesStarterInJava.phaseTwo", "page4", ["parameter3"]);
    </script>

</head>
<body onload="pc.load();">

<div>
    <form id="page0" class="cookiePanel">
        <div id="page0_header" class="panelHeader">header</div>
        <label id="page0_parameter0_label" for="page0_parameter0">A</label>
        <input id="page0_parameter0" name="parameter0" type="text"/><br>
        <span id="page0_parameter0_error" class="errorMessage">?</span><br>

        <label id="page0_parameter1_label" for="page0_parameter1">D</label>
        <select id="page0_parameter1" name="parameter1"></select><br>
        <span id="page0_parameter1_error" class="errorMessage">?</span><br>

        <label id="page0_parameter2_label" for="page0_parameter2">A</label>
        <input id="page0_parameter2" name="parameter2" type="checkbox"/><br>
        <span id="page0_parameter2_error" class="errorMessage">?</span><br>

        <label id="page0_parameter3_label" for="page0_parameter3">A</label>
        <select id="page0_parameter3" name="parameter3"></select><br>
        <span id="page0_parameter3_error" class="errorMessage">?</span><br>
        <input type="button" value="Next" onclick="pc.consume();">
    </form>
</div>

<div>
    <form id="page1" class="cookiePanel">
        <div id="page1_header" class="panelHeader">header</div>
        <label id="page1_parameter0_label" for="page1_parameter0">A</label>
        <input id="page1_parameter0" name="parameter0" type="text"/><br>
        <span id="page1_parameter0_error" class="errorMessage">?</span><br>
        <input type="button" value="Back" onclick="pc.unconsume();">
        <input type="button" value="Next" onclick="pc.consume();">
    </form>
</div>

<div>
    <form id="page2" class="cookiePanel">
        <div id="page2_header" class="panelHeader">header</div>
        <label id="page2_parameter0_label" for="page2_parameter0">A</label>
        <input id="page2_parameter0" name="parameter0" type="text"/><br>
        <span id="page2_parameter0_error" class="errorMessage">?</span><br>
        <input type="button" value="Back" onclick="pc.unconsume();">
        <input type="button" value="Next" onclick="pc.consume();">
    </form>
</div>

<div>
    <form id="page3" class="cookiePanel">
        <div id="page3_header" class="panelHeader">header</div>
        <label id="page3_parameter0_label" for="page3_parameter0">A</label>
        <input id="page3_parameter0" name="parameter0" type="text"/><br>
        <span id="page3_parameter0_error" class="errorMessage">?</span><br>
        <input type="button" value="Back" onclick="pc.unconsume();">
        <input type="button" value="Next" onclick="pc.consume();">
    </form>
</div>

<div>
    <form id="page4" class="cookiePanel">
        <div id="page4_header" class="panelHeader">header</div>
        <label id="page4_parameter3_label" for="page4_parameter3">A</label>
        <input id="page4_parameter3" name="parameter3" type="checkbox"/><br>
        <span id="page4_parameter3_error" class="errorMessage">?</span><br>
        <input type="button" value="Back" onclick="pc.unconsume();">
        <input type="button" value="Next" onclick="pc.consume();">
    </form>
</div>

<div>
    <form id="ResultPanel" class="cookiePanel">
        <h1 id="result">Result</h1>
        <input type="button" value="Finish" onclick="pc.closeFlow();">
    </form>
</div>

</body>
</html>